Para aplicarla en nuestro blog deberemos hacerlo en Edición de HTML de la plantilla y clicar Expandir plantillas de artilugios
Una vez ahí podemos aplicar el siguiente código entre las etiquetas <body> y </body> yo os recomendaría hacerlo justo antes de </body> de esa forma es más fácil encontrar el código si en algún momento pensamos cambiar o suprimir la imagen.
<a href="url-de-la-página"><img src="url-de-la-imagen" alt="ir arriba" border="0" style="position:fixed; bottom:0; right:0;" /></a>
Espero te sea útil Lorena
Hala! qué bueno! a ver si encuentro una imagen que me guste pa poner ahí
Gracias! :D
Uy, me gusta¡ Digo lo mismo que vero, a ver si pillo una imagen para ponerla ahi.
Otra cosa, es para pedirte algo...siempre pidiendo...¡jaja¡, mira, ¿como hay que hacer para que quien visite mi blog no pueda copiar ls textos?
Ah¡ y una buena noticia: Voy a poner a Norma y Diminuto. Ya está la primera entrega.
Un abrazo con abanico, asi, fresquito, "pa" estos calores.
Y gracias, que se me olvidaba,jaja¡
¿ Todo bién ? - Espero que sí !.
Vine paradejarte un dirección que me parece más que interesante :
Feevy
Tal ves la conoscas ...
Una manera interesante de linkear ... promocionando post.
Es free.
Te dejo un saludo y perdóname por traer más trabajo a tu casa!.
Puedes ver losresultadosde lo mencionado en esta sidebar :
aquí
Saludos
Genial, es fácil y funciona muy bien, he creado una especie de botón con texto (Ir arriba) y una flecha y ha quedado bien, me ha gustado mucho. Muchas gracias pues no tenía ni idea de como hacer eso. Salud.
Hola Gema. Tu blog es fantástico. Permíteme darte mi más sincera enhorabuena. Gracias a ti he podido configurar mi humilde blog y darle un aspecto más personalizado. Si quieres echarle un vistazo, sería un honor que alguien con tus conocimientos pudiera darme su opinión acerca de cómo tengo el blog. Por supuesto, tus tus lectores también están invitados!
http://penyaelrot.blogspot.com
Un saludo y sigue así. Gracias! :D
muy interesante! quizas lo ponga en mi blog, un saludo!
Hola Gem@, por supuesto que te felicito y te agradezco toda la información que nos acercás; tengo serios problemas con el fondo de mi Blog, ya que la imagen que quiero poner no está e ninguna pagina pero la he subido Absolute Background Textures Archive_files, que es donde vos indicabas, pasa que me descargó una carpeta, no me dió jamás la URL...y esto es "demasiado" para hacerlo sola...la imagen flotante que quisiera poner, no se ni con el ejemplo donde iría, como alumna un cero inmenso...un saludo!!! y gracias.
Hola Vero me alegra que te guste ;)
Hola Rafa :)
Yo diría que es casi imposible porque puede hacerse de varias formas, desde tomar una captura de la pantalla a mirar el código fuente de la página. Lo que si se puede es hacer trabajar un poco más al que tenga la intención de copiar y es añadiendo un script puedes ver la explicaciones aquí:
http://gemablog-.blogspot.com/2007/02/inhabiliar-botn-derecho-en-todo-el-blog.html
(Estuve en tu blog, me ha encantado esa nueva entrega sólo.. que sabe a poquito)
Un abrazo Rafa :)
¡¡Gracias Jejo¡¡ es muy interesante la miraré con mas calma y lo preparamos para una entrada ;)
Pues me alegra que te haya gustado Toni, espero encuentres cualquier otra idea por aquí ;)
Salud Toni.
Gracias por la invitación Admin Rotero ten por seguro que te haré una visita para intercambiar opiniones ;)
Bienvenido Axiarel Sobernek el código es todo tuyo ;)
Hola Flor bienvenida, me he despistado un poco con tu pregunta.
Veamos... antes de nada necesito saber que plantilla usas y qué imagen es la que deseas poner de fondo.
Puedes escribir aquí la dirección de tu blog, o si lo prefieres mándamela por e-mail junto a la imagen de fondo.
Con esos datos te voy diciendo paso a paso lo que debes hacer ;)
Muchisimas gracias Gem@, te enviaré un correo con la imagen que quiero cargar...un beso a todos y en especial para vos...
Hola querida gem@, mirare a ver si me sale el invento, de la imagen, recuerda que los artistas nos da con pequeñeces, para darle un toque a las cosas, de todas formas estare comunicandome contigo, tengo una duda enorme con algo que necesito me ayudes, eres la mejor, esoty haciendo un nuevo lbog mas organizado..gracias por tu ayuda..
Saludos Leny espero poder ayudarte ;)
Hola Gem@:
Acabo de poner una imagen flotante en ¿Y qué digo hoy?. La he hecho con el Paint Shop Pro Photo XI (se nota que estoy empezando a usarlo, verdad?).
Funciona a la perfección, como siempre con todo lo que "cojo" de tu blog.
Un saludo,
JmpaSrgc
P.D.: Si alguien quiere una imagen personalizada puede pedírmela en cualquiera de mis blogs dejando su perfil activado para poder ver su/s blog/s y así hacerlo de forma que pegue mas con su estética y se la haré encantadísimo (ahora tengo tiempo, estoy de vacas todo el mes de Agosto :P ).
Gracias, es muy util e interesante tu blog... esrare pendiente en leer..
Saludos
El Poca Tinta
http://poca-tinta.blogspot.com
Es genial JmpaSrgc, y me parece estupendo el ofrecimiento que haces.
Saludos Claudio bienvenido ;)
Excelente, ya lo puse en mi blog www.gamersofperu.blogspot.com gracias por poner estas pequeñas pero muy buenas utilidades.
Saludos
Me alegra que fuera útil Asuknamun :)
Hola, Gema:
Mira he usado este asunto de la imagen y me pareció dejarte un comentario al respecto, pero quería precisar. Cuando no tenía el link a mi HOME, le pude poner un letrero de beinvenida al lado, luego, ya no, y te decía que lo había puesto enlos 'heads' para que fuera lo primero en cargar, y estaba muy bien, salvo por un problema...nuestro inefable IExplorer, que lo cargaba como "coronación" del blog, sin producir el efecto pedido :( ¡mira qué penita! Bueno, te lo digo para los demás amigos, por si sirviera.
Sigue descansando en tus vacaciones, pero te apuesto a que piensas en nosotros, tus foros y blogs. Un besote, linda.
Hola Ale, he visto que ya te funciona bien, de todas formas te diré que ese código para "HOME" se puede aplicar donde aplicamos los códigos html. Es decir.. Plantilla/Añadir un elemento de página/HTML Javascript
(en la parte inferior del blog o en su defecto arrastrando la etiqueta hasta ese lugar)y funciona perfectamente con Explorer.
(Sigo de vacaciones hasta Septiembre Ale, pero mis escapadas a la playa ya terminaron. No te equivocaste, he pensado en todo y todos) ;)
Abrazos cálidos.
Hola!
Lo he colocado en "Cuando el viento sussurra" y me ha quedado muy bien.
Gracias, Gemma !!!
;-)
gema!! no lo logro, muy amateur.
me sale:
Mensaje de error de XML: Open quote is expected for attribute "{1}" associated with an element type "href".
no se que significa.. la imagen tiene que ser de algún porte máximo?
miles de gracias
Gracias a ti Petitabruixa :)
Andrés mira que copies el código entero, sin omitir nada.
El tamaño de la imagen no afecta el código lo que si hace es que a mayor tamaño menor visibilidad de la página.
Aprovecho para felicitaros por ese bebé tan hermoso. Que lo criéis con mucha salud :)
gracias gema, en eso estamos aunque sin pegar un ojo hace una semana.
me resultó más o menos, no apareció la imagen, solo el texto de "ir arriba" que cambié por el nombre del blog.
un abrazo y miles de gracias nuevamente
Escucha Andrés prueba a sustituir en el código este signo que indican las flechas --> "<-- por este -->'<--
A veces un cambio tan simple hace que funcione.
Cambié uno, algunos, todos, pero nada funciona... ya me está gustando el simple texto.
Gracias de todas maneras.
¿Has puesto la url de la página en lugar de #?
Mándame el código que estás poniendo a mi mail, y la imagen que deseas añadir intentaré ver donde está el error.:)
Impresionante lo amateur!! Me faltaba eso.
Gracias gema por todas las molestias, te pasaste!!!
Excelente blog, la verdad que me ha sido de gran ayuda.
Te comento, en la declaración del botón, si en vez de poner la url del blog, pones un #, evitas que el browser recargue la pagina al presionar el botón.
Saludos.
El rojo... agradezco mucho la aportación, y en verdad que llevas razón, yo lo tengo aplicado como comentas sin embargo a todos no le funciona así, por ejemplo Andrés (en comentarios anteriores lo puedes ver) es por eso que modifiqué la entrada por si algún visitante más tuviera el mismo problema.
Sé que es bastante tarde para descubrir este post sobre "Imagen flotante con efecto de "ir arriba", pero yo lo he descubierto ahora, después de haberme pasado una eternidad buscándolo.
Por fin lo encontré ¡dónde si no! en el ¡Blog de Gema! Gema ¡mi heroína!.
¡Bendita seas mi niña! ¡Eres un tesoro de sabiduría y maestría!
Muchísimas gracias Gema, ¡lo he conseguido!Me has hecho muy feliz.
¡Hasta pronto, cómplice!
Muchos besitos y ¡sé feliz!
Vesta, desde mi corazón.
Cualquier cosa que busques y no encuentres házmelo saber Vesta, puede ser que esté con un título diferente incluso que no esté, en este último caso te ayudaría a localizarlo ;)
Hola Gem@, primero que nada, decirte que es una pasada lo mucho que se puede aprender de tu blog, y en segundo lugar, como no, querria que me explicaras como haces para que en todas las paginas de tu blog, te funcione la imagen flotante yendo hacia arriba. No se si me explico bien.
Cuando se pulsa a la imagen flotante, la accion que sucede es que te lleva arriba del blog, bien, copiando tu codigo, me lleva a arriba del blog, pero solo de la pagina principal, sin embargo, he visto que en tu blog, te lleva arriba en todas las paginas.
Espero no haberte aburrido con este tocho, y enhorabuena por el blog, y gracias. Un saludo
Ignora mi comentario, ya consegui que me saliera en todas las paginas.
Simplemente cambiando la url de mi pagina por #. Que bobada. xD
Un saludo
Blasckovich no sólo no lo ignoro sino que te he visitado, ha quedado estupendo.
Acceder a tu blog abre el apetito ;)
Gracias por todos los trucos que vas colgando ahí... Te he pillado más de uno.
Acabo de colocar una mosquita verde... Por cierto, ¿sabes trucos para el Myspace?
Lo dicho, que gracias.
ESTa iDea M PArc BUenA pEro No lA NtIEnDo .
M PODRiAs ExPlICAr q eS lA PlanTilla esa ??
Y lA FoTo ??
ComO lA mETO ??
SpERo REsPuEStAs
http://quericosestanloschupachups.blogspot.com
http://espirula-pon-zi.blogspot.com
Hola ROSA DEL VIETNAM me alegra que te sea útil lo que vas viendo, nunca he utilizado Myspace pero si he visto que la mayoría de códigos y efectos son tan válidos como para Blogger.
EsPiRuLa no entiendo tu comentario :(
pues a mi no me funciona gema, me sale abajo izq un cuadro blanco con un aspa o x en rojo y un texto q pone ir arriba, lo he visto con la funcion vista previa.
SIBARITASTUR si no lo dejas puesto no puedo verlo :(
Hola:
En mi blog ya dispongo de un botón que produce ese efecto, el de volver arriba. Creo que es el mismo que nos explicas (digo creo porque he intentado aplicarlo y no funciona). Pero verás, a mi lo que me gusta es el efecto del que tienes incorporado en esta página. Me explico: el mío, cuando haces clic en la flecha, da un salto repentino hasta situarse a la altura del título de la última entrada. El tuyo sube progresivamente, como si de un ascensor se tratase. Es más profesional y me gusta muchísimo más que el mío. ¿Cómo ese hace eso?
Hola Oliver es bastante diferente el efecto, a mi también me gusta más este efecto deslizante y así es como ha sido "bautizado" ;)
Puedes verlo aquí ;)
Hola Gema, menos mal que siempre leo todos los comentarios, se aprende cantidad... no llego a ver al El Rojo B. y no me hubiese dado cuenta de lo del #
Pero para saber, para otra vez, cuando teníamos que haber puesto "url-de-la-página" se refería a la http:/ del blog, ¿no? es que la puse así y me iba todo el rato a la página principal...
Gracias nuevamente, ya lo he puesto y ha quedado genial! :D
Por cierto, he usado uno de los iconos que has puesto de Iconlook, modificado. Son super chulos!
Oliver siento haber dejado este comentario en el aire, como seguimos en los comentarios de otra entrada me olvidé responder aquí:(
Me alegra que lo solucionaras Maite y siento ver esto tan tarde :(
Oliver siento haber dejado este comentario en el aire, como seguimos en los comentarios de otra entrada me olvidé responder aquí:(
Me alegra que lo solucionaras Maite y siento ver esto tan tarde :(
Buenas buenas, ando necesitando esta utilidad pero en sentido contrario :o :D lo que necesito es que el boton en vez de llebarme al principio me lleve al final de la pagina y si no recarga la apgina mejor, sinceramente intente editarlo pero no me salio, espero que se pueda hacer.
Gracias
Carlitos sigue estos pasos
Una vez solo te falte añadir el enlce esto es lo que debes poner en la plantilla justo antes de </body>
<a href="#footer-wrapper"><img src="url-de-la-imagen"></a>
MUCHAS MUCHAS MUCHAS GRACIAS!, mañana mismo lo pruebo ;)
Suerte Carlitos ;)
gem@ a ver... estoy tratando de hacer esto o algo parecido desde ayer, puse un script que dio Pizcos pero me creaba conflicto y lo saqué.
Donde tendría que poner # para que no cargue toda la página?
Voy a ir a mirar el de efecto deslizante que creo que es el que tenés ahora, pero si no me equivoco, lleva una librería y es bastante engorroso... pero igual me fijo a ver que puedo hacer, pero si andás por acá decime por favor que efecto hace este exactamente, que es mas fácil, si lleva al home no me interesa, ya que tengo un home abajo de todo y me carga todo otra vez...
Besos ;)
Tuve que usar el antiguo editor, el otro no me deja :(
Hola Gema, he puesto el codigo y todo parece bien solo que cuando pulsas el boton en vez de ir arriba te manda a la pagina de inicio, ¿como es posible? la verdad es que me gustaba mucho este truco, ya me diras en que puede fallar, si no lo tenfre que quitar. Gracias.
Ya lo solucione, probe lo que lei en los comentarios de cambiar la url del blog por # y listo, ahora a ver si me atrevo con el efecto ascensor. Gracias de todas las maneras por el truco.
k_nelita como solucionaste el problema me olvidé contestarte :(
yz Fernando gracias por informarme a veces veo los comentarios desde el correo y voy volando a contestar sin mirar en el siguiente ;)
"Efecto ascensor" nuevo nombre que e apunto para este sistema :)
Holass , jejeje de todas las cosas que he visto en todo este mundo llamado internet es lo primero que me funciona... bueno mi pregunta es la siguiente : salió todo bien con la iamgen pero cuando le doy clic no va hacia arriba como veo que es tu caso , sino que siempre se dirige a la página principal ..si pudieras ayudarme con eso (sino me equivoco se tiene que agregar más código ) ...te lo agradecería mucho . Mi correo es mike0711@hotmail.com
Tranquilo Sistemas0711 seguro que te saldrán más cosas, todo es ponerse y ser constante ;)
Es lógico que no te salga ese efecto que ves en mi blog (no es el mismo)
Si quieres añadir el efecto deslizante mira aquí
La explicación es para añadir la flechita en las entradas pero puedes añadir el mismo efecto donde lo estabas colocando ;)
gemaa gracias porlos aportes pero no me anda lo de la imagen, seguro no la coloque bien no se, ayudame me urge ponerla, te dejo mi mail para queme ayudes por ahi,
tavo_912_94@hotmail.com el problema es qe iol o pongo el codigo y cuando entro al blog no me sale nada! :S ayudame porfavor!
yz 20 al futuro no veo en tu blog el código añadido :O
Activa la suscripción por correo electrónico para la próxima vez y te llega la respuesta a tu bandeja de correo, así ganamos tiempo todos ;)
yz 20 al futuro donde pusiste #top sustitúyelo por la url de tu blog ;)
<a href='#top'><img alt='ir arriba' border='0' src='http://galeon.com/o-latino/blog/logoMANDALAY.png' style='position:fixed; bottom:0; right:0;'/></a>
Hola!!
Te agradezco porque logré poner la imagen flotante en mi blog. Hacía tiempo que buscaba la manera, pero recién hoy la encontré...
Blogo ya se instaló como mascota del blog jajaja:D
GRACIAS;)
yz JMH no dudé en ir a ver a Blogo pero cualquiera lo encuentra entre tanto blog :O
Hola Gema, por más que intento hacer lo de la imagen flotante, no lo consigo... eso de url de la pagina...yo pongo la de la pagina donde está alojada la imagen no...?ufff no lo consigo
Nota: solo los miembros de este blog pueden publicar comentarios.